<!DOCTYPE html>
<?php
    include("comprobar-user.php");
?>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style_main.css">
    <link rel="stylesheet" href="css/style_banner.css">
    <link rel="stylesheet" href="lib/jquery-ui.css">
    <script src="lib/jquery-1.11.2.min.js"></script>
    <script src="lib/jquery-ui.js"></script>
    <title></title>
</head>
<body>
    <div id="menu">
		<?php
            include("banner.php");
        ?>
    </div>
    <div id="main">
        <div id="compra">
            <h2>DATOS DE LA COMPRA:</h2>
            <?php
                if(!isset($_POST['cod_articulo'])){
                    $link = mysql_connect('localhost', 'root', '') or die('No se pudo conectar: ' . mysql_error());
                    mysql_set_charset('utf8',$link);
                    mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');
                    $query1="SELECT articulo.cod_articulo,nombre,pvp FROM carrito JOIN articulo ON carrito.cod_articulo=articulo.cod_articulo WHERE cod_usuario=".$_SESSION['cod_usuario'];
                    $result1 = mysql_query($query1) or die('Consulta fallida: ' . mysql_error());
                    echo "<form method='post' action='confirmar_compra.php'>
                    <table id='tabcompra' sortable>\n";
                    echo"<thead><th>Codigo de<br>Articulo</th><th>Articulo</th><th>Cantidad</th><th>Precio</th><th>Importe</th><th>Borrar</th></thead>";
                    $contador=1;
                    while ($line = mysql_fetch_array($result1, MYSQL_ASSOC)) {
                        echo "<tr>";
                        foreach ($line as $key=>$col_value) {
                            if($key=='nombre'){
                                echo "<td>$col_value</td><td><input class='cantidad' name='cantidad".$contador."' type='number' value=1></input></td>";
                            }
                            else if($key=='pvp'){
                                echo "<td class='precio'>$col_value</td>";
                            }
                            else{
                                echo "<td>$col_value</td>";
                            }
                        }
                        echo "<td id='importe'></td>";
                        echo "<td><a href='del_compra.php?cod=".$line['cod_articulo']."'><img width='30' height='30' src='icons\imgborrar.png'></a></td>";
                        echo "</tr>";
                        $contador=$contador+1;
                    }
                    echo "</table><br>
                    
                    <p>Direcci&oacuten de Entrega</p>
                    <input type='text' name='direccion' maxlength='100' required></input>
                    <p>Tipo de Entrega</p>
                    <input type='radio' name='entrega' value='ordinario' required>Ordinario(4 - 5 días laborales)</input><br>
                    <input type='radio' name='entrega' value='en mano' required>Recoger en Tienda</input><br><br>
                    <input type='submit' id='confirmar' value='Confirmar Compra'></input>
                    </form>";
                    mysql_free_result($result1);
                    mysql_close($link);
                }
            
            
            ?>
        </div>
        
    
    
    </div>
    <script>
        $(function(){
            var $total=0;
            $(".cantidad").each(function(){
                var $cantidad=$(this).val();
                var $precio=$(this).parent().next().text();
                var $importe=parseFloat($cantidad)*parseFloat($precio);
                $(this).parent().next().next().html($importe);
            });    
                    
            $(".cantidad").change(function(){

                var $cantidad=$(this).val();
                var $precio=$(this).parent().next().text();
                var $importe=parseFloat($cantidad)*parseFloat($precio,2);
                $(this).parent().next().next().html($importe);
            });
            $("#tabcompra tr:even").css("background-color","#DFDFDF");
        });
    </script>
</body>
</html>